

/*  推荐贴样式 */
div.oh{
	width: 100%;
	overflow: hidden;
}
.list-recommond-topic{
	padding: 20px 24px;
	zoom: 1;
}
.list-recommond-topic:after{
	content: '';
	display: block;
	clear: both;
	overflow: hidden;
	visibility: hidden;
	height: 0;
}
.list-recommond-topic li{
	font-size: 16px;
	min-height: 28px;
	margin-top: 2px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;	
}
.list-recommond-topic li a{
	color:#394042;
	transition:all ease-in-out 0.2s;
}
.list-recommond-topic .item-first{
	font-size: 19px;
	width: 100%;
	line-height: 1;
	margin-top: 20px;
	margin-bottom: 10px;
}
.list-recommond-topic .item-first a {
	color: #292929;
	font-weight: bold;
	line-height: 28px;
	white-space: normal;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.list-recommond-topic .item-first a .icon-top,
.list-recommond-topic .item-first a .icon-good {
	display: inline-block;
	vertical-align: top;
	width: 36px;
	height: 20px;
	margin-top: 4px;
	margin-right: 9px;
	/*noinspection CssUnknownTarget*/
	background: url(../image/perfect/index_tag1x.png) no-repeat;
	/*noinspection CssInvalidFunction,CssUnknownTarget*/
	background-image: -webkit-image-set(url(../image/perfect/index_tag1x.png) 1x,url(../image/perfect/index_tag2x.png) 2x);
	/*noinspection CssInvalidFunction,CssUnknownTarget*/
	background-image: -moz-image-set(url(../image/perfect/index_tag1x.png) 1x,url(../image/perfect/index_tag2x.png) 2x);
	/*noinspection CssInvalidFunction,CssUnknownTarget*/
	background-image: -o-image-set(url(../image/perfect/index_tag1x.png) 1x,url(../image/perfect/index_tag2x.png) 2x);
	/*noinspection CssInvalidFunction,CssUnknownTarget*/
	background-image: -ms-image-set(url(../image/perfect/index_tag1x.png) 1x,url(../image/perfect/index_tag2x.png) 2x);
}
.list-recommond-topic .item-first a .icon-top {
	background-position: 0 0;
}
.list-recommond-topic .item-first a .icon-good {
	background-position: 0 -20px;
}
.list-recommond-topic li a i.before{
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: -1px;
	width: 3px;
	height: 3px;
	background: #2d2f3c;
	margin-right: 8px;
	*display: inline;
	*top:0;
	zoom: 1;
	font-size: 0;
	transition:all ease-in-out 0.2s;
}
.list-recommond-topic li a:hover{
	color:#d09a56;
}
.list-recommond-topic li a:hover i.before{
	height: 12px;
	background-color: #d09a56;
}
.list-forum{
	float: left;
	zoom: 1;
}
.list-forum:after{
	content: '';
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}
.list-forum li{
	float: left;
	display: inline;
	width: 155px;
	/*height: 118px;*/
	margin: 15px 30px 0 0;
}
.list-forum li:hover span {
	color: #d09a56 !important;
}
.list-forum li a{
	display: block;
	white-space: nowrap;
}
.list-forum li span{
	display: block;
	transition: all ease-in-out .2s;
}
.list-forum li span.info {
	display: inline-block;
	padding-left: 12px;
	width: 89px;
}
.list-forum li span.tit{
	font-size: 16px;
	height: 22px;
	line-height: 22px;
	color:#eeeeee;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-top: 7px;
}
.list-forum li span.count{
	color: #eeeeee;
	font-size: 14px;
	height: 18px;
	line-height: 18px;
	margin-top: 3px;
}
.list-forum li a img{
	width: 54px;
	height: 54px;
	border-radius: 6px;
	box-shadow: 0 0 0 0 rgba(0,0,0,0);
	transition:all ease-in-out 0.2s;
}
.list-forum li a:hover img{
	box-shadow: 0 0 9px 3px rgba(0,0,0,0.1);
}

.list-recommond-topic-b{
}
.list-recommond-topic-b li{
	vertical-align: top;
	zoom: 1;
	margin-top: 7px;
	margin-bottom: 51px;	
}
.list-recommond-topic-b li:after{
	content: "";
	display: block;
	clear: both;
	overflow: hidden;
	visibility: hidden;
	height: 0;
}

.list-recommond-topic-b li .thumb{
	float: left;
	display: inline;
	width: 114px;
	height: 80px;	
	overflow: hidden;
    box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
    margin-right: 20px;
    margin-top: 6px;
    transition:all ease-in-out 0.2s;
}
.list-recommond-topic-b li .thumb:hover{
	box-shadow: 0 0 9px 3px rgba(0,0,0,0.2);
}
.list-recommond-topic-b li .thumb img{
	width: 100%;
	height: 100%;
}
.list-recommond-topic-b li .avatar img{
	width: 100%;
	height: 100%;
}
.list-recommond-topic-b li .avatar{
	float: left;
	display: inline;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	overflow: hidden;
    box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
    margin-right: 20px;
    margin-top: 6px;
    transition:all ease-in-out 0.2s;
}
.list-recommond-topic-b li .avatar:hover{
	box-shadow: 0 0 9px 3px rgba(0,0,0,0.2);
}
.list-recommond-topic-b li .bfc{
	overflow: hidden;
	zoom: 1;
}
.list-recommond-topic-b li a .title{
	display: block;
	font-size: 18px;
	line-height: 30px;
	height: 30px;
	color:#2d2f3c;
	transition:all ease-in-out 0.2s;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.list-recommond-topic-b li a .summary{
	font-size: 14px;
	color:#72767e;
	line-height: 25px;
	margin-top: 7px;
	max-height: 96px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	transition:all ease-in-out 0.2s;
}
.list-recommond-topic-b li a:hover .title,
.list-recommond-topic-b li a:hover .summary{
	color:#d09a56;
}
.list-recommond-topic-b li .info{
	font-size: 12px;
	height: 24px;
	line-height: 24px;
	margin-top: 7px;
	color:#72767e;
}
.list-recommond-topic-b li .info a,
.list-recommond-topic-b li .info span{
	display: inline-block;
	*display: inline;
	zoom: 1;	
	font-size: 12px;
	height: 12px;
	line-height: 12px;
	transition:all ease-in-out 0.2s;
}
.list-recommond-topic-b li .info a{
	color:#72767e;
}
.list-recommond-topic-b li .info a:hover{
	color: #d09a56;
}

.list-recommond-topic-b li .info span{
	border-left: 1px solid #e7e7e7;
	margin-left: 23px;
	padding-left: 6px;
}
.btn-more-recommond-wrap{
	padding-bottom: 24px;
}
.btn-more-recommond{
	display: block;
	width: 168px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	text-align: center;
	border: 1px solid #d09a56;	
	border-radius: 5px;
	color:#d09a56;
	background: #fff;
	margin: -3px auto 0;
	transition:all ease-in-out 0.2s;
}
.btn-more-recommond:hover{
	color:#fff;
	background: #d09a56;
}
.btn-more-recommond i.arrow-down{	
	zoom: 1;
	font-size: 12px;	
	margin-left: 4px;
	position: relative;
	top: 1px;

}


.list-forum-b{
}
.list-forum-b li{
	height: 55px;
	margin-bottom: 25px;

}
.list-forum-b li.last{
	margin: 0;
}
.list-forum-b li a{
	display: block;
}
.list-forum-b li a .area-pic{
	float: left;
	display: inline;
	margin-right: 12px;
	height: 55px;
	width: 73px;
	overflow: hidden;
	box-shadow: 0 0 0 0 rgba(0,0,0,0);
	transition:all ease-in-out 0.2s;
}
.list-forum-b li a .area-txt{
	display: block;
	overflow: hidden;
	height: 55px;
	overflow: hidden;
	zoom: 1;
}
.list-forum-b li .title{
	color:#b7b7b7;
	font-size: 13px;
	line-height: 18px;
	display: block;
	transition:all ease-in-out 0.2s;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.list-forum-b li .des{
	display: block;
	font-size: 15px;
	line-height: 28px;
	margin-top: 2px;
	color:#ffffff;
	transition:all ease-in-out 0.2s;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.list-forum-b li a:hover .des,
.list-forum-b li a:hover .title{
	color:#d09a56;	
}
.list-forum-b li a:hover .area-pic{
	box-shadow: 0 0 4px 2px rgba(0,0,0,0.15);
}
.list-reply{
	// padding-bottom: 5px;
}
.list-reply li{
	zoom: 1;
	border-bottom: 1px dashed #e7e7e7;
	padding:15px 19px 20px 15px;
}
.list-reply li:after{
	content: '';
	display: block;
	clear: both;
	overflow: hidden;
	visibility: hidden;
	height: 0;
}
.list-reply li .avatar img{
	width: 100%;
	height: 100%;
}
.list-reply li .avatar{
	float: left;
	display: inline;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	margin-right: 9px;
	margin-top: 3px;
	overflow: hidden;
	box-shadow: 0 0 0 0 rgba(0,0,0,0);
	transition:all ease-in-out 0.2s;
}
.list-reply li a.avatar:hover{
	box-shadow: 0 0 14px 2px rgba(0,0,0,0.2);
}
.list-reply li .bfc{
	overflow: hidden;
	zoom: 1;
}
.list-reply li .s-tit{
	height: 20px;
	line-height: 20px;
	zoom: 1;
}
.list-reply li .s-tit:after{
	content: "";
	display: block;
	clear: both;
	overflow: hidden;
	visibility: hidden;
	height: 0;
}
.list-reply li .s-tit .time{
	float: right;
	font-size: 12px;
	line-height: 20px;
	margin-top: 2px;
	color:#c1c1c1;
}
.list-reply li .s-tit .username{
	color:#343434;
	font-size: 15px;
	transition: all ease-in-out 0.2s;
	display: block;
	overflow: hidden;
	white-space: nowrap;
    text-overflow: ellipsis;	
}

.list-reply li .summary{
	display: block;
	word-break: break-all;
	font-size: 13px;
	line-height: 26px;
	margin-top: 6px;
	color:#2d2f3c;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
	transition:all ease-in-out 0.2s
}
.list-reply li .from{
	color:#b7b7b7;
	font-size: 12px;
	height: 18px;
	line-height: 18px;
	margin-top: 11px;
}
.list-reply li .from a{
	margin-left: 8px;
	color:#b7b7b7;
	transition: all ease-in-out 0.2s;	
}
.list-reply li:last-child{
	border: 0 none;
}
.list-reply li .s-tit .username:hover,
.list-reply li .summary:hover,
.list-reply li .from a:hover{
	color:#d09a56;
}



.list-rank{
	
}
.list-rank li{
	height: 25px;
	line-height: 25px;
	margin: 12px 0 10px 0;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.list-rank li a{
	color:#2e2e2e;
	font-size: 14px;	
}
.list-rank li.rank1{
	margin: 0;
	padding: 0;
	width: 290px;
	height: 113px;
	overflow: hidden;
	position: relative;
}
.list-rank li.rank1 .pic{
	display: block;
	width: 290px;
	height: 113px;	
	overflow: hidden;
}
.list-rank li.rank1 .pic img{
	width: 100%;
	height: 100%;
}
.list-rank li .stit{		
	line-height: 15px;
	transition:all ease-in-out 0.2s;
}
.list-rank li a:hover .stit{
	color:#d09a56;
}
.list-rank li.rank1 .stit{
	height: 30px;
	line-height: 30px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	color:#fff;
	font-size: 14px;
	padding: 0;
	/*noinspection CssUnknownTarget*/
	background: url(../image/perfect/rank-tit.png) 0 0 repeat-x;
}
.list-rank li.rank1 a:hover .stit{
	color:#fff;
	text-shadow:0 0 4px rgba(255,255,255,0.9)
}
.list-rank li.rank1 .num,
.list-rank li.rank1 a:hover .stit .num{	
	display: inline-block;
	*display: inline;
	zoom: 1;
	margin-left: 15px;
	margin-right: 6px;
	width: 21px;
	height: 24px;
	line-height: 24px;
	vertical-align: middle;
	text-align: center;
	position: relative;
	top: -1px;
	/*noinspection CssUnknownTarget*/
	background: url(../image/perfect/icon-rank11x.png) 0 0 no-repeat;
	/*noinspection CssInvalidFunction,CssUnknownTarget*/
	background-image: -webkit-image-set(url(../image/perfect/icon-rank11x.png) 1x,url(../image/perfect/icon-rank12x.png) 2x);
	/*noinspection CssInvalidFunction,CssUnknownTarget*/
	background-image: -moz-image-set(url(../image/perfect/icon-rank11x.png) 1x,url(../image/perfect/icon-rank12x.png) 2x);
	/*noinspection CssInvalidFunction,CssUnknownTarget*/
	background-image: -o-image-set(url(../image/perfect/icon-rank11x.png) 1x,url(../image/perfect/icon-rank12x.png) 2x);
	/*noinspection CssInvalidFunction,CssUnknownTarget*/
	background-image: -ms-image-set(url(../image/perfect/icon-rank11x.png) 1x,url(../image/perfect/icon-rank12x.png) 2x);
}
.list-rank li.no-pic{
	width: auto;
	height: 25px;
	overflow: hidden;
	margin: 16px 0 13px 0;
}
.list-rank li.no-pic .stit{
	height: 25px;
	line-height: 25px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	color:#fff;
	font-size: 14px;
	padding: 0;
	background: none;
	color:#343434;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	margin: 0;
}

.list-rank li.no-pic a:hover .stit{
	color:#d09a56;
	text-shadow:none;
}

.list-rank li.no-pic .num,
.list-rank li.no-pic a:hover .stit .num{
	margin-left: 0;
}
.list-rank li.no-pic .pic{display: none;}
.list-rank li .num{
	font-family: helvetica;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	color:#fff;
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 19px;
	height: 14px;
	line-height: 14px;
	vertical-align: middle;
	position: relative;
	top: -1px;
	margin-right: 6px;
	background: #2d2f3c;
	text-align: center;
	transition:all ease-in-out 0.2s;
}
.list-rank li a:hover .stit .num{
	background: #d9ae78;
}

.list-rank li.rank3 .stit .num{
	background: #42434f;
}
.list-rank li.rank4 .stit .num{
	background: #575963;
}
.list-rank li.rank5 .stit .num{
	background: #6c6d76;
}
.list-rank li.rank6 .stit .num{
	background: #81828a;
}
.list-rank li.rank7 .stit .num{
	background: #96979d;
}
.list-rank li.rank8 .stit .num{
	background: #abacb1;
}
.list-rank li.rank9 .stit .num{
	background: #abacb1;
}
.list-rank li.rank10 .stit .num{
	background: #abacb1;
}
.scrolling-wrap{
	height: 553px;		
	overflow: hidden;
}
#Jscrolling{
	height: 548px;
	overflow: hidden;	
}

#Jtab01{
	width: 100%;
	overflow: hidden;
}

/* 首页改版 */
.g-doc {
	background-color: #ffffff;
}
.col-c {
	width: 316px;
}
.l-main{
	/*width: auto;*/
	/*min-width: 960px;*/
	/*max-width: 1252px;*/
	width: 1252px;
}
html,body{
	min-width:1280px;
}
.b-main {
	/*noinspection CssUnknownTarget*/
	background: url(../image/perfect/index_banner1x.png) no-repeat;
	/*noinspection CssInvalidFunction,CssUnknownTarget*/
	background-image: -webkit-image-set(url(../image/perfect/index_banner1x.png) 1x,url(../image/perfect/index_banner2x.png) 2x);
	/*noinspection CssInvalidFunction,CssUnknownTarget*/
	background-image: -moz-image-set(url(../image/perfect/index_banner1x.png) 1x,url(../image/perfect/index_banner2x.png) 2x);
	/*noinspection CssInvalidFunction,CssUnknownTarget*/
	background-image: -o-image-set(url(../image/perfect/index_banner1x.png) 1x,url(../image/perfect/index_banner2x.png) 2x);
	/*noinspection CssInvalidFunction,CssUnknownTarget*/
	background-image: -ms-image-set(url(../image/perfect/index_banner1x.png) 1x,url(../image/perfect/index_banner2x.png) 2x);
	background-position: center center;
	background-color: #000000;
}
.m-focus {
	float: left;
	margin-top: 0;
}
.m-focus ,
.slide-wrap ,
.m-focus .slide-wrap .pics li {
	width: 586px !important;
	height: 340px !important;
}
.m-focus .slide-wrap .focus-ctrl {
	text-align: center;
}
#f-ctrl-box {
	display: inline-block;
}
.m-focus .slide-wrap .focus-ctrl i.item,
.m-focus .slide-wrap .focus-ctrl i.scroller{
	float: none;
	display: inline-block;
	vertical-align: middle;
	width: 5px !important;
	height: 5px !important;
	border-radius: 50%;
	margin: 0 3px;
	background-color: #ffffff;
	box-shadow: 0 0 6px rgba(0,0,0,0.1);
}
.m-focus .slide-wrap .focus-ctrl i.scroller,
.m-focus .slide-wrap .focus-ctrl i.current {
	width: 7px !important;
	height: 7px !important;
	background-color: #d09a56;
}
.m-oh {
	float: left;
	width: 317px;
	height: 340px;
	background-color: #ffffff;
}
.m-recommend {
	float: right;
	width: 316px;
	height: 340px;
	margin-top: 0;
	background-color: transparent;
}
.m-recommend .m-hd .mark {
	border-left: none;
	padding-left: 0;
	font-size: 20px;
	color: #b7b7b7;
	font-weight: bold;
}
.m-recommend .m-hd {
	padding-top: 0;
	padding-left: 0;
	padding-bottom: 21px;
}
.col-mb-forum {
	padding-top: 0;
	margin-top: 30px;
}
.m-forum {
	width: 100%;
	height: 90px;
	zoom: 1;
	white-space: nowrap;
}
.m-forum:after {
	content: "";
	display: block;
	clear: both;
	overflow: hidden;
	visibility: hidden;
	height: 0;
}
.m-forum .title {
	float: left;
	height: 90px;
	line-height: 90px;
	color: #b7b7b7;
	font-size: 17px;
}
.m-forum .list-forum {
	margin-left: 30px;
}
.m-forum .more {
	line-height: 91px;
	font-size: 16px;
	color: #eeeeee;
	vertical-align: middle;
	overflow: hidden;
}
.m-forum .more:hover {
	color: #d09a56;
}
.m-forum .more i {
	font-size: 12px;
	-webkit-text-stroke-width: 0.5px;
	vertical-align: middle;
	position: relative;
	top: -1px;
	zoom: 1;
}
.col-ab {
	width: 905px;
}
.col-ab .m-box .m-hd {
	padding-left: 0;
	padding-right: 30px;
}
.col-ab .m-box .m-hd .mark {
	font-size: 20px;
	color: #343434;
	border-left: none;
	font-weight: bold;
	padding-left: 0;
}
.m-box-c .m-hd {
	padding-left: 0;
}
.m-box-c .m-hd .mark {
	padding-left: 0;
	border-left: none;
	color: #343434;
	font-size: 20px;
	font-weight: bold;
}
.backtop {
	margin-left: 660px;
	background: url(../image/perfect/toTop1x.png) 0 0 no-repeat;
	background-image: -webkit-image-set(url(../image/perfect/toTop1x.png) 1x,url(../image/perfect/toTop2x.png) 2x);
	background-image: -moz-image-set(url(../image/perfect/toTop1x.png) 1x,url(../image/perfect/toTop2x.png) 2x);
	background-image: -o-image-set(url(../image/perfect/toTop1x.png) 1x,url(../image/perfect/toTop2x.png) 2x);
	background-image: -ms-image-set(url(../image/perfect/toTop1x.png) 1x,url(../image/perfect/toTop2x.png) 2x);
}

.m-tab .control li {
	font-size: 20px;
}